﻿var sayfa = 0;

function CreateNewLikeButton(url,container) {
    var elem = $(document.createElement("fb:like"));
    elem.attr("href", url);
    elem.attr("data-send", true);
//    elem.attr("width", "500px");
//    elem.attr("height", "100px");
//    elem.attr("float", "left");
    $('div#'+container).empty().append(elem);
    FB.XFBML.parse($('div#'+container).get(0));
}
function CreateNewLikeButton2(container) {
//    var elem = $(document.createElement("fb:like"));
//    elem.attr("href", url);
//    elem.attr("data-send", true);
//    //    elem.attr("width", "500px");
//    //    elem.attr("height", "100px");
//    //    elem.attr("float", "left");
//    $('div#' + container).empty().append(elem);
    FB.XFBML.parse($('#' + container).get(0));
}
function okkoy(ustid,altid) {
    $('.spnbaslik').removeClass("ui-icon ui-icon-circle-triangle-e");
    $('#katbaslik' + ustid).addClass("ui-icon ui-icon-circle-triangle-e");
    if (altid) {
        $('.resimOK').hide();
        $('#resimOK' + altid).show();
    }
}
function kategoriHaberleriGetir(kategoriID) {
    ekranKilitle("Haberler Getiriliyor...");
    haberAkisEkrani();     
  
    var json = { kategoriID: kategoriID, sayfa: sayfa };
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "mainFuncs.aspx/kategoriHaberleriniGetir",
        data: $.toJSON(json),
        dataType: "json",
        success: function (data) {
            $('#haberAkis').html("");
            if (data.d != null) {
                if (sayfa == 0) {


                }
        
                $.each(data.d, function (key, value) {
                    var res = value.haberResmi != "default.jpg" ? '<div style="width:15%;float:left" id="resim' + value.haberID + '" ><img height=80 width=80 src="./HaberResmi/' + value.haberID + '/' + value.haberResmi + '" /></div>' : "";
                    var haber = '<div id="haber' + value.haberID + '" class="ui-widget  haberKaydi" style="margin-left:8px;margin-top:30px;width:95%;float:left;heigth:350px;background-color:#FBFBFD;padding-bottom:10px;border-top-width:0px; border-left-width:0px;border-right-width:0px; border-bottom-color:#E9E9E9;border-bottom-style:solid;border-bottom-width:1px;">' + res + '<div style="font-size:11px;float:left;width:70%;vertical-align:top;padding-bottom:5px;margin-left:7px;" id="ozet' + value.haberID + '"><strong>' + value.haberBaslik + '</strong></br>' + (value.ozet == null ? "" : value.ozet) + '</div></div>';
                    $('#haberAkis').append(haber);

                    $('#haber' + value.haberID).click(function () {
                        haberGoster(value.haberID);

                    });

                    // $('#haber' + value.haberID).hover(function () { $('#like' + value.haberID).show(); }, function () { $('#like' + value.haberID).hide(); });
                });
                $('.haberKaydi').hover(function () { $(this).addClass("ui-state-hover"); $(this).css("cursor", "pointer"); }, function () { $(this).removeClass("ui-state-hover"); });
                sayfa = sayfa + 1;
                ekranAyarla();
                $('#haberAkisScr').tinyscrollbar_update('relative');
                ekranAc();
            } else {
                ekranAc();
            }

        },
        error: function (xhr, data, textStatus) {
            ekranAc();
            hataver(xhr, status, Error);
        }
    });
    $('#haberAkisScr').tinyscrollbar_update('relative');
}

function reklamlariGetir() {
    
    var json = {  };
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "mainFuncs.aspx/reklamTanimlariGetir",
        data: $.toJSON(json),
        dataType: "json",
        success: function (data) {
            $('#divReklamlar').html('');
            

            var i = 0;
            if (data.d != null) {
                var tamboy="";

                if (data.d.tamboyAcik) {
                    tamboy = '<div id="tamBoyReklam" class="tamboyreklam"><img width="90%" height="90%" src="http://' + window.location.host + '/reklamResimleri/t/' + data.d.tamboyresim + '"></div>';
                    i = i + 1;
                }

                var yarim1 = "";

   
                if (data.d.y1Acik == 'T') {

                    yarim1 = '<div id="reklamAlani1" class="reklamAlani1"><img  width="90%" height="95%"  src="http://' + window.location.host + '/reklamResimleri/1/' + data.d.yayin1 + '"></div>';
                    i = i + 1;
                } else {
                    yarim1 = '<div class="reklamAlani1">Google Reklami Gelecek</div>';
                    i = i + 1;
                }
                var yarim2 = "";
                if (data.d.y2Acik == 'T') {

                    yarim2 = '<div id="reklamAlani2" class="reklamAlani2"><img  width="90%" height="95%"  src="http://' + window.location.host + '/reklamResimleri/2/' + data.d.yayin2 + '"></div>';
                    i = i + 1;
                } else {
                    yarim2 = '<div class="reklamAlani2">Google Reklami Gelecek</div>';
                    i = i + 1;
                }
                if (i > 2) {
                    t = Math.floor(Math.random() * (i));
                    if (t <= 1) {
                        $('#divReklamlar').append(yarim1);
                        $('#divReklamlar').append(yarim2);
                    }

                    if (t > 1) {
                        $('#divReklamlar').append(tamboy);
                    }
                } else {
                    $('#divReklamlar').append(yarim1);
                    $('#divReklamlar').append(yarim2);
                }

            }


        },
        error: function (xhr, data, textStatus) {
            ekranAc();
            hataver(xhr, status, Error);
        }
    });
}
function haberGosterEkrani() {
    $('#haberAkisScr2').show();
    $('#haberAkisScr').hide();
}
function haberAkisEkrani() {
    $('#haberAkisScr2').hide();
    $('#haberAkisScr').show();
 
}

function haberGoster(id) {
    if (id) {
        ekranKilitle("Haber Yükleniyor");
        $('#haberGoster').html("");
        haberGosterEkrani();
        var json = { haberID: id};
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "mainFuncs.aspx/haberGetir",
            data: $.toJSON(json),
            dataType: "json",
            success: function (data) {
                if (data.d != null) {
                    var ht = '<div id="haberGosterim' + data.d.haber.haberID + '" class="ui-widget ui-widget-content haberGoster"style="float:left;width:97%;margin-left:1.5%" ><div class="ui-widget-header solyuzdeyuz" > ' + data.d.haber.haberBaslik + '<span class="geri ui-icon ui-icon-closethick" style="float:right"></span> </div><div style="margin-left:13px;font-size:11px;width:95%;float:left;" class=""><span style="display:inline-block" id="spnHaberResmi"></span>' + (data.d.haber.haber == null ? "" : data.d.haber.haber) + '</div><div id="haberEkleri" class="solyuzdeyuz"></div><div class="solyuzdeyuz"><div style="float:right" id="btnHaberGeri">Geri</div></div></div>';
                    $('#haberGoster').append(ht);
                    $('.geri').css("cursor", "pointer").click(function () { haberAkisEkrani(); });
                    var fb = '<div  style="width:500px;float:left;margin-left:5px;margin-top:10px;height:50px;" ><div  class="fblike" id="like' + data.d.haber.haberID + '"></div></div>';
                    $('#haberGoster').append(fb);
                    $('#spnHaberResmi').html('<img style="display:inline-block" width="150" height="100" src="./HaberResmi/' + id + '/' + data.d.haber.haberResmi + '"/>');
                    CreateNewLikeButton(window.location.host + '/Default.aspx?hid=' + data.d.haber.haberID, 'like' + data.d.haber.haberID);
                    $('#btnHaberGeri').button().click(function () { haberAkisEkrani(); });
                    haberEkleriOlustur(data.d.ekler, id);
                    ekranAyarla();
                    metaAyarla(data.d.haber.haberBaslik);
                    ekranAc();
                    $('#haberAkisScr2').tinyscrollbar_update('relative');
                } else {
                    acilisKategorisiAl();
                }
            },
            error: function (xhr, data, textStatus) {
                ekranAc();
                hataver(xhr, status, Error);
            }
        });
    }
}

function acilisKategorisiAl() {
    ekranKilitle("Haberler Yükleniyor");
    var json = {  };
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "mainFuncs.aspx/acilisKategorisiGetir",
        data: $.toJSON(json),
        dataType: "json",
        success: function (data) {
            ekranAc();
            if (data.d != null) {
                kategoriHaberleriGetir(data.d);
                okkoy($('#kategori' + data.d).attr("ustkatid"));
            }
            if (parametreGetir("hid") != "") {
                haberGoster(parametreGetir("hid"));
            }
        },
        error: function (xhr, data, textStatus) {
            ekranAc();
            hataver(xhr, status, Error);
        }
    });
}
function haberEkleriOlustur(ekler,id) {
    if (ekler != null) {


        $.each(ekler, function (key, value) {
            var imgvid = value.ektipi == "R" ? "ui-icon ui-icon-image" : "ui-icon ui-icon-video";
            var ek = value.ektipi == "R" ? '<a class="im" href="./haberEkleri/' + id + '/' + value.ek + '" title="' + value.ek + '" ><img  height=150;width=150; src="../haberEkleri/' + id + '/' + value.ek + '" alt=""/></a>' : '<span  style="display:inline-block" ><video class="vid" id="video' + id + '" src="../haberEkleri/' + id + '/' + value.ek + '" width="400" height="300" > </video></span>';

            var ht = '<div style="display:inline-block;padding-right:5px;padding-bottom:10px;"><span style="display:inline-block" class="' + imgvid + '" ></span>' + ek + '</div>'
            $('#haberEkleri').append(ht);
      
        });




        $('.im').fancybox();
        $('video').mediaelementplayer({
            // if the <video width> is not specified, this is the default
            defaultVideoWidth: 480,
            // if the <video height> is not specified, this is the default
            defaultVideoHeight: 270,
            // if set, overrides <video width>
            videoWidth: -1,
            // if set, overrides <video height>
            videoHeight: -1,
            // width of audio player
            audioWidth: 400,
            // height of audio player
            audioHeight: 30,
            // initial volume when the player starts
            startVolume: 0.8,
            // useful for <audio> player loops
            loop: false,
            // enables Flash and Silverlight to resize to content size
            enableAutosize: true,
            // the order of controls you want on the control bar (and other plugins below)
            features: ['playpause', 'progress', 'current', 'duration', 'tracks', 'volume', 'fullscreen'],

            // automatically selects a <track> element
            startLanguage: '',
            // a list of languages to auto-translate via Google
            translations: [],
            // a dropdownlist of automatic translations
            translationSelector: false,
            // key for tranlsations
            googleApiKey: ''

        });


    }

}


function kategoriBoyuAyarla() {
    var h = $('#AnaSayfaSol').height() -90 ;
    var t = h / 9;
    if (t > 50) {
        $('.ustKategoris').css("height",t+"px");
    } else {
        $('.ustKategoris').css("height","50px");
    }
}
function kategoriUzerineGelince(value) {
    var h = $('#AnaSayfaSolUst').height();
    var a = h - 60;    
    $('#AnaSayfaSolUst .ustKategoris[id!="' + $('#kat' + value.kategoriID) + '"]').css("height", "20px");
    $('#kat' + value).css("height", a+"px").css("overflow", "auto"); 

};
function kategoriUzerindenGidince(value) {
    kategoriBoyuAyarla();
    $('#kat' + value).scrollTop(0).css("overflow", "hidden");
 }

function kategorileriGetir() {
    $("#AnaSayfaSolUst").html('<div id="solBaslik" class="solyuzdeyuz ui-widget-header fnt" style="font-size:12px">Haber Sayfanı Seç, <span class="curr">Beğen</span>, <span class="curr">Takip Et</span></div>');
    ekranKilitle("Haber Kategorileri Getiriliyor", "AnaSayfaSol");
    var json = {};
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "mainFuncs.aspx/kategorileriGetir",
        data: $.toJSON(json),
        dataType: "json",
        success: function (data) {
            if (data.d != null) {
                $.each(data.d, function (key, value) {
                    if (value.ustKategoriID == -1) {

                        var ht = '<div style="" class="fnt ui-widget ui-widget-content ustKategoris curr" id="kat' + value.kategoriID + '"><div class="ui-widget-header" style="float:left;width:99%;text-align:center">' + value.kategoriAdi + '<span class="spnbaslik" id="katbaslik' + value.kategoriID + '"  style="float:right"></span> </div><div style="float:left;width:100%" id="icerik' + value.kategoriID + '"> </div> </div>';
                        $("#AnaSayfaSolUst").append(ht);
                        $('#kat' + value.kategoriID).hover(function () { kategoriUzerineGelince(value.kategoriID) }, function () { kategoriUzerindenGidince(value.kategoriID); });
                    } else {
                        // var fb = value.facebookLink == null ? "" : '<a href="' + value.facebookLink + '" target=_blank > <img src="./Styles/images/facebooklogoK.jpg" alt="Facebook Sayfamızı Ziyaret Edin"/></a>';
                        var tw = value.twitterAdresi == null ? "" : '<a href="http://www.twitter.com/' + value.twitterAdresi + '" target=_blank ><img src="./Styles/images/twt2.png" alt="Twitter Sayfamızı Ziyaret Edin"/></a>';
                        var fb = value.facebookLink == null ? "" : '<div class="curr" style="width:50px;float:left" id="fbbtn' + value.kategoriID + '"><img src="./Styles/images/facebooklogoK.jpg" alt="Facebook Sayfamızı Ziyaret Edin"/></div>';
                        ht = '<div style="float:left;min-width:320px;margin-top:5px;" class="fnt" ustkatid="' + value.ustKategoriID + '" katid="' + value.kategoriID + '" id="kategori' + value.kategoriID + '"><div styles="float:left;width:100%;"><div style="float:left;width:30%;min-width:100px">' + fb + tw + '</div><div class="hvr" style="float:right;width:65%" >' + value.kategoriAdi + '<span class="spnOK"><img style="display:none" class="resimOK" id="resimOK' + value.kategoriID + '" src="/Styles/images/arrow3.png" /></span></div></div>';
                        $("#icerik" + value.ustKategoriID).append(ht);
                        $('#kategori' + value.kategoriID).click(function () { sayfa = 0; kategoriHaberleriGetir($(this).attr("katid")); okkoy(value.ustKategoriID, value.kategoriID); $('#txtAra').val(''); })
                        $('#fbbtn' + value.kategoriID).click(function () { fbEkraniOlustur(value.facebookLink); });
                    }
                    $('.hvr').hover(function () { $(this).addClass("ui-state-active"); }, function () { $(this).removeClass("ui-state-active") }).css("cursor", "pointer");


                });

            } else {
                $("#AnaSayfaSolUst").html("Şu an sistemimizde çalışma yapılmaktadır. Lütfen az sonra tekrar deneyiniz.");
            }
            $('#haberAkisScr').tinyscrollbar_update('relative');
            ekranAyarla();
            kategoriBoyuAyarla();
            //$('#AnaSayfaSolScr').tinyscrollbar();
            ekranAc();

            acilisKategorisiAl();

        },
        error: function (xhr, data, textStatus) {
            ekranAc();
            hataver(xhr, status, Error);
        }
    });
}
function fbEkraniOlustur(adres) {  
var ht = '<div id="fblikeboxx" class="fb-like-box" data-href="'+adres+'" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>';
    $('#fbIcerik').html('');
    $('#fbIcerik').append(ht);
    CreateNewLikeButton2('fbIcerik');
    $('#dialFbEkrani').dialog("open");
}
function metaAyarla(desc) {
    $('meta[name=Description]').attr('content', desc);
}
function videoOynat(dosya) {
    $("#videoTV").attr("src", "/haberTV/" + dosya);
    var player = new MediaElementPlayer('#videoTV');
    player.pause();
    player.setSrc("/haberTV/"+dosya);
    player.play();

 
}
function yayinListesiGetir() {
 //   ekranKilitle("Yayın Listesi Yükleniyor");
    var json = {};
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "mainFuncs.aspx/tvYayinListesiGetir",
        data: $.toJSON(json),
        dataType: "json",
        success: function (data) {
            ekranAc();
            $('#yayinAkisi').html('');
            if (data.d != null) {
                $.each(data.d, function (key, value) {
                    var ht = '<div style="float:left;width:98%" id="vid' + value.yayinID + '" class="ui-state-default"><span style="float:left;width:50%" >' + value.programAdi + '</span><span  style="float:left;width:20%">' + value.baslangicSaati + '</span><span  style="float:left;width:20%">' + value.bitisSaati + '</span></div>';
                    $('#yayinAkisi').append(ht);
                    $('#vid' + value.yayinID).css("cursor", "pointer").click(function () { videoOynat(value.videoDosyasi) });
                })
            }
        },
        error: function (xhr, data, textStatus) {
            ekranAc();
            hataver(xhr, status, Error);
        }
    });
}
function haberAra(metin) {
    ekranKilitle("Haberler Aranıyor...");
    haberAkisEkrani();
    var json = { metin:metin };
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "mainFuncs.aspx/haberAra",
        data: $.toJSON(json),
        dataType: "json",
        success: function (data) {
            if (data.d != null) {
                $('#haberAkis').html("");                
                $.each(data.d, function (key, value) {
                    var res = value.haberResmi != "default.jpg" ? '<div style="width:15%;float:left" id="resim' + value.haberID + '" ><img height=80 width=80 src="./HaberResmi/' + value.haberID + '/' + value.haberResmi + '" /></div>' : "";
                    var haber = '<div id="haber' + value.haberID + '" class="haberKaydi" style="margin-left:8px;margin-top:10px;width:95%;float:left;heigth:350px;padding-bottom:10px">' + res + '<div style="font-size:11px;float:left;width:70%;vertical-align:top;padding-bottom:5px;margin-left:7px;" id="ozet' + value.haberID + '"><strong>' + value.haberBaslik + '</strong></br>' + (value.ozet == null ? "" : value.ozet) + '</div></div>';
                    $('#haberAkis').append(haber);
                    $('#haber' + value.haberID).click(function () { haberGoster(value.haberID); });
                    // $('#haber' + value.haberID).hover(function () { $('#like' + value.haberID).show(); }, function () { $('#like' + value.haberID).hide(); });
                });
                $('.haberKaydi').hover(function () { $(this).addClass("ui-state-hover"); $(this).css("cursor", "pointer"); }, function () { $(this).removeClass("ui-state-hover"); });
                sayfa = sayfa + 1;
                ekranAyarla();
                ekranAc();
            } else {
                ekranAc();
            }

        },
        error: function (xhr, data, textStatus) {
            ekranAc();
            hataver(xhr, status, Error);
        }
    });
    $('#haberAkisScr').tinyscrollbar_update('relative');
}



$(document).ready(function () {

    $('.fScreen').css("width", $(window).width() - 10);
    $('.kapla').css("height", $(window).height() - 50);
    //$('.AnaSayfaOrta').css("min-width", $(window).width() - 10);
    //$('#videoTV').attr("width", $('#haberTV').width());
    //$('#videoTV').attr("height", $('#haberTV').height());
    //ekranAyarla();
    $('#btnBanner').html($('#btnBanner').text().replace(/(.)/g, "$1<br />"));
    $("#divBannerEkrani").click(function () {
        $("#divBannerEkrani").toggleClass("bannerAcik", 1000);
        return false;
    });
     $('#dialFbEkrani').dialog({
         width: 350,
         height: 500,
         modal: true,
         autoOpen: false,
         buttons: {             
             "Kapat": function () { $(this).dialog("close"); }
         }
     });
    
    yayinListesiGetir();
    kategorileriGetir();
    //videoElementOlustur();
    videoGetir();
    $('#btnAnaSayfa').click(function () {
        window.location = "Default.aspx";
    });
    $('#btnAnket').click(function () {
        window.location = "anket.aspx";
    });
    $('#btnIletisim').click(function () {
        window.location = "iletisim.aspx";
    });
    $('#btnHaberBul').button().click(function () {
        var t = $('#txtAra').val();
        if (t == "" || t == null) {
            return;
        }
        haberAra(t);
    });
    reklamlariGetir();
    ekranAyarla();
    istatistikGetir();
    $('#haberAkisScr').tinyscrollbar();
    $('#haberAkisScr2').tinyscrollbar();
    $('#divLogo').click(function () {window.location = "Default.aspx" });
});

$(window).resize(function () {

    $('.fScreen').css("width", $(window).width() - 10);
    $('.kapla').css("height", $(window).height() - 50);
    ekranAyarla();
    kategoriBoyuAyarla();
    $('#haberAkisScr').tinyscrollbar_update('relative');
    //   $('#AnaSayfaSolScr').tinyscrollbar();


});
$(window).scroll(function () {
    ekranAyarla();


});
function istatistikGetir() {
    ajaxCalistir({}, "mainFuncs.aspx/onlineKullaniciSayisi", function (data) {
        $('#counter').html('');
        $('#counter').append('<div>Aktif Kullanıcı Sayısı : ' + data.d.aktif + '</div>');
        $('#counter').append('<div>Toplam Kullanıcı Sayısı : ' + data.d.toplam + '</div>');
        $('#counter').append('<div>Ulaştığımız Sosyal Kullanıcı Sayısı : ' + data.d.sosyal + '</div>');

    });

}
function ekranAyarla() {
    $('.divReklamTv').css('top', ($(this).scrollTop() + 10) + "px");
    $('.AnaSayfaOrta').css('height', ($(window).height() - 51) + "px");
    $('.AnaSayfaOrta').css('max-height', ($(window).height() - 51) + "px");
   // $('.AnaSayfaSol').css('height', ($(window).height() - 190) + "px");
    $('.AnaSayfaSol').css('top', ($(this).scrollTop()) + "px");   
}


function videoGetir() {
    ekranKilitle("Video Yükleniyor");
    var json = {};
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "mainFuncs.aspx/tvVideoGetir",
        data: $.toJSON(json),
        dataType: "json",
        success: function (data) {
            ekranAc();
            if (data.d != null) {
                videoElementOlustur(data.d)
            }
        },
        error: function (xhr, data, textStatus) {
            ekranAc();
            hataver(xhr, status, Error);
        }
    });
}


function videoElementOlustur(isim) {

    if (isim) {
        $('#videoTV').attr("src", "/haberTV/"+isim)
    }

    CreateNewLikeButton(window.location.host+'http://www.sosyalmedyahaber.org/Default.aspx?tv='+isim,'fbTvBegen');
    $('#videoTV').mediaelementplayer({
        // if the <video width> is not specified, this is the default
        defaultVideoWidth: 350,
        // if the <video height> is not specified, this is the default
        defaultVideoHeight: 250,
        // if set, overrides <video width>
        videoWidth: -1,
        // if set, overrides <video height>
        videoHeight: -1,
        // width of audio player
        audioWidth: 200,
        // height of audio player
        audioHeight: 30,
        // initial volume when the player starts
        startVolume: 0.0,
        // useful for <audio> player loops
        loop: true,
        // enables Flash and Silverlight to resize to content size
        enableAutosize: false,
        // the order of controls you want on the control bar (and other plugins below)
        features: ['fullscreen','progress', 'current', 'duration', 'tracks', 'volume'],

        // automatically selects a <track> element
        startLanguage: '',
        // a list of languages to auto-translate via Google
        translations: [],
        // a dropdownlist of automatic translations
        translationSelector: false,
        // key for tranlsations
        googleApiKey: '',
        success: function (mediaElement, domObject) {
            mediaElement.play();
        }

    });

}